﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="../scripts/jquery-1.8.0.js"></script>
    <script type="text/javascript" src="../scripts/jquery.validate.js"></script>
    <script type="text/javascript" src="../scripts/mKook.js"></script>
    <script type='text/javascript' src='../scripts/knockout-2.1.0.js'></script>
    <script type='text/javascript' src='../scripts/jquery.mobile-1.2.0-pre.js'></script>
    <link href="../Content/jquery.mobile-1.2.0-pre.css" rel="stylesheet" type="text/css" />
    <link href="../Content/mobileCRM.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div data-role="page">
        <div data-role="header">
            <table class="headerTable">
                <tr>
                    <td width="30%">
                    </td>
                    <td>
                        <h1 data-bind="text: tmpl"></h1>
                    </td>
                    <td width="30%">
                    </td>
                </tr>
            </table>
        </div>
        <div data-role="content">
            <table class="passport" bgcolor="#e6e9eb" style="min-width: 600px">
                <tr>
                    <td rowspan="2" width="60px">
                        <img alt="report" src="Content/images/icon_report.gif" />
                    </td>
                    <td colspan="2">
                        <b>Паспорт объекта</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="spanNumber"><b>Номер паспорта:</b></label><span id="spanNumber" data-bind="text: model.number"></span>
                    </td>
                    <td>
                        <label for="spanCreated"><b>Создан:</b></label><span id="spanCreated" data-bind="text: model.createArray()[0].date"></span>&nbsp;<span data-bind="text: model.createArray()[0].name"></span>
                        <br />
                        <label for="spanUpdated"><b>Изменен:</b></label><span id="spanUpdated" data-bind="text: model.updateArray()[0].date"></span>&nbsp;<span data-bind="text: model.updateArray()[0].name"></span>
                    </td>
                </tr>
            </table>
            <div data-role="collapsible" data-collapsed="false">
                <h3>Общая информация</h3>
                <table class="passport" bgcolor="#e6e9eb">
                    <tr>
                        <td align="right">
                            <b style="color: #000044">Наименование объекта:</b>
                        </td>
                        <td class="nodivider" width="330px" colspan="3">
                            <span data-bind="text: model.description"></span>
                        </td>
                        <td class="nodivider" align="right">
                            <b>Площадь:</b>
                        </td>
                        <td class="nodivider" align="left">
                            <span data-bind="text: model.square"></span>
                        </td>
                    </tr>
                    <tr class="noborder">
                        <td align="right">
                            <b>Страна:</b>
                        </td>
                        <td width="100px">
                            <span data-bind="text: model.country"></span>
                        </td>
                        <td align="right">
                            <b>Город:</b>
                        </td>
                        <td width="100px" align="left">
                            <span data-bind="text: model.city"></span>
                        </td>
                        <td align="right">
                            <b>Срок сдачи:</b>
                        </td>
                        <td align="left">
                            <span data-bind="text: model.deadline"></span>
                        </td>
                    </tr>
                    <tr class="noborder">
                        <td align="right">
                            <b>Адрес:</b>&nbsp;
                        </td>
                        <td colspan="3">
                            <span data-bind="text: model.address"></span>
                        </td>
                        <td align="right">
                            <b>Стадия:</b>
                        </td>
                        <td align="left">
                            <span data-bind="text: model.state"></span>
                        </td>
                    </tr>
                    <tr class="noborder">
                        <td align="right">
                            <b>Отдел продаж:</b>&nbsp;
                        </td>
                        <td colspan="3">
                            <span data-bind="text: model.saleDepartment"></span>&nbsp;<label for="spanDistrict"><b>Округ:</b></label><span id="spanDistrict" data-bind="text: model.district"></span>
                        </td>
                        <td align="left" colspan="2">
                            <table>
                                <tr>
                                    <td nowrap="nowrap" align="right" style="border-width: 0px">
                                        <label for="spanOverhaul"><b style="color: blue">Кап.ремонт:</b></label><span id="spanOverhaul" data-bind="text: model.isOverhaul"></span>&nbsp;<label for="spanUnderway"><b style="color: blue">В работе:</b></label><span id="spanUnderway" data-bind="text: model.isUnderway"></span>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr class="noborder">
                        <td align="right">
                            <b>Профиль объекта:</b>
                        </td>
                        <td colspan="5" align="left">
                            <span data-bind="text: model.profile"></span>
                        </td>
                    </tr>
                </table>
                <br />
            </div>
            <div data-role="collapsible">
                <h3>Примечание</h3>
                <table class="passport" bgcolor="#e6e9eb">
                    <tr>
                        <td>
                            <span data-bind="text: model.note"></span>
                        </td>
                    </tr>
                </table>
            </div>
            <button data-bind="click: getPicture">Get picture</button>
        </div>
        <div data-role="footer">
            <p style="font-size: 10px; margin: 10px">© 2012 Danfoss and other contributors</p>
        </div>
    </div>
    <script type="text/javascript">
        // Паспорт объекта
        function vmPassport() {
            var $this = this;

            $this.tmpl = 'Passport';
            $this.key = {};
            $this.data = {
                number: '1',
                createArray: [{ date: new Date().toLocaleString(), name: 'Неизвестный'}],
                updateArray: [{ date: new Date().toLocaleString(), name: 'Неизвестный'}],
                description: 'Кладбище',
                square: '1 м.кв.',
                country: 'Тьмутаракань',
                city: 'Тьмутараканово',
                address: 'ул. Тьмутаракана 666',
                saleDepartment: 'Продажный отдел',
                district: '13-й',
                designer: 'Бюро ритуальных услуг',
                profile: 'Кладбище (индивид.)',
                deadline: 'deadline',
                state: 'раскопки',
                isOverhaul: 'ДА',
                isUnderway: 'ДА',
                note: 'стандартный репертуар (Шопен)'
            };

            $this.model = {
                // Паспорт объекта
                number: ko.observable($this.data.number),             // номер паспорта
                createArray: ko.observable($this.data.createArray),    // массив данных создания паспорта (дата создания, ФИО)
                updateArray: ko.observable($this.data.updateArray),    // массив данных изменения паспорта (дата изменения, ФИО)

                // Общая информация
                description: ko.observable($this.data.description),        // наименование объекта
                square: ko.observable($this.data.square),                  // площадь
                country: ko.observable($this.data.country),                // страна
                city: ko.observable($this.data.city),                      // город
                address: ko.observable($this.data.address),                // адрес
                saleDepartment: ko.observable($this.data.saleDepartment),  // отдел продаж
                district: ko.observable($this.data.district),              // округ
                designer: ko.observable($this.data.designer),              // проектировщик
                profile: ko.observable($this.data.profile),                // профиль объекта
                deadline: ko.observable($this.data.deadline),              // срок сдачи
                state: ko.observable($this.data.state),                    // стадия
                isOverhaul: ko.observable($this.data.isOverhaul),          // капремонт
                isUnderway: ko.observable($this.data.isUnderway),          // в работе

                // Примечание
                note: ko.observable($this.data.note)  // примечание

                // Инженерное наполнение

                // Участники проекта

                // Отслеживание

                // Счета / Заказы

                // Файлы

                // Привязки
            }
        }

        ko.applyBindings(new vmPassport());
    </script>
</body>
</html>
